@charset "utf-8";
@import "./footer.scss";
/*修改部分footer*/
.main,
.main2 {
  width: 1068px;
  margin: 0 auto;
}
.footer {
  border-top: 1px solid #ccc;
}
.footer .line1 {
  background-image: url("../images/LoginFooter.jpg");
  height: 180px;
  padding-top: 30px;
}

.footer .line1 .main dl:first-child() {
  margin-left: 50px;
  margin-right: 50px;
}
.footer .line1 .main dl {
  margin: 0 60px;
}
.footer .line1 .main dl:last-child {
  margin-right: 240px;
  margin-left: 80px;
}
/*页脚里有些内容没有*/
.footer .toTop {
  display: none;
}
.footer .QQchat {
  display: none;
}
/*登录头*/
.loginHeader img {
  float: left;
}
/*登陆内容*/
.loginContent {
  height: 438px;
}
/*登录左边图*/
.loginContent .loginLeft {
  float: left;
  margin: 40px 114px;
}
/*登录右边登录框*/
$allHeight: 430px;
.loginContent .loginRight {
  float: left;
  width: 316px;
  height: $allHeight;
}
/*密码登录手机登录栏*/
$mimaHeight: 64px;
.loginContent .loginRight .loginTit .pwdLogin {
  float: left;
  width: (316px/2);
  height: $mimaHeight;
  line-height: $mimaHeight;
  text-align: center;
}
.loginContent .loginRight .loginTit .pwdLogin a {
  font-size: 18px;
  padding-bottom: 5px;
}
.loginContent .loginRight .loginTit .pwdLogin .current1 {
  border-bottom: 2px solid #00b03a;
}
.loginContent .loginRight .loginTit .phoneLogin {
  @extend .pwdLogin;
}
/*input表单1*/
$formHeight: 138px;

.loginContent .loginRight .logForm {
  padding: 0 14px;
  height: $formHeight;
}
.loginContent .loginRight .logForm li {
  height: $formHeight;
}
.loginContent .loginRight .logForm label.error {
  float: left;
  margin-top: 10px;
  color: red;
}
.loginContent .loginRight .logForm label.error img {
  vertical-align: middle;
}
.loginContent .loginRight .logForm .pwdInput {
  display: none;
}
$inputWidth: 280px;
.loginContent .loginRight .logForm .pwdInput .input {
  float: left;
  width: $inputWidth;
  height: ($formHeight/3.5);
  font-size: 16px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.loginContent .loginRight .logForm .pwdInput p {
  width: 278px;
  height: ($formHeight/3.5);
  border: 1px solid #ccc;
  background-color: #fff;
}
.loginContent .loginRight .logForm .pwdInput p .input {
  float: left;
  background-color: #fff;
  width: 170px;
  height: ($formHeight/3.5);
  border: none;
}
/*验证码*/
.loginContent .loginRight .logForm .pwdInput p #idcode {
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
}
/*input表单2*/
.loginContent .loginRight .logForm .phoneInput {
  display: none;
}
$inputWidth: 280px;
.loginContent .loginRight .logForm .phoneInput .input {
  width: $inputWidth;
  height: ($formHeight/3.5);
  font-size: 16px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #fff;
}
.loginContent .loginRight .logForm .phoneInput p {
  width: 276px;
  height: ($formHeight/3.5);
  border: 1px solid #ccc;
  background-color: #fff;
}
.loginContent .loginRight .logForm .phoneInput p .input {
  float: left;
  background-color: #fff;
  width: 170px;
  height: ($formHeight/3.5);
  border: none;
}
/*验证码*/
.loginContent .loginRight .logForm .phoneInput p .yzm2 {
  display: block;
  float: right;
  margin: 8px 8px;
  // width: 80px;
  // height: ($formHeight/3.5)-15px;
  // background-color: #0f081a;
}
/*手机验证码*/
.loginContent .loginRight .logForm .phoneInput p .yzm3 {
  display: block;
  float: right;
  margin: 6px;
  width: 80px;
  height: ($formHeight/3.5)-15px;
  border: 1px solid #000;
  border-radius: 10px;
  text-align: center;
  line-height: ($formHeight/3.5)-15px;
}

/*显示隐藏*/
.loginContent .loginRight .logForm .current2 {
  display: block;
}
/*登录*/
$LBM: 32px;
$buttonH: 46px;
.loginContent .loginRight form button {
  margin: 22px 0;
  margin-top: 10px;
  display: block;
  width: 296px;
  height: $buttonH;
  background-color: #f3210a;
  color: #fff;
  font-size: 16px;
  border: none;
  border-radius: 5px;
}
/*记住密码*/
$remH: 36px;
.loginContent .loginRight .logForm .pwdInput .remPwd {
  margin-top:10px;
  height: $remH;
  line-height: $remH;
  font-size: 12px;
  border:none;
}
.loginContent .loginRight .logForm .phoneInput .remPwd {
  margin-top:10px;
  height: $remH;
  line-height: $remH;
  font-size: 12px;
  border:none;
}
.loginContent .loginRight .remPwd input {
  margin-top: 13px;
  margin-right: 5px;
  margin-left: 10px;
  width: 10px;
  height: 10px;
  float: left;
}
.loginContent .loginRight .remPwd label {
  float: right;
}
.loginContent .loginRight .remPwd label a:first-child {
  margin-right: 5px;
  font-size: 12px;
  color: red;
}
.loginContent .loginRight .remPwd label a:last-child {
  margin-right: 10px;
  font-size: 12px;
}

/*横线*/
$lingH: 38px;
.loginContent .loginRight .line {
  height: 135px;
  border-bottom: 1px solid #ccc;
}
.loginContent .loginRight .linep {
  margin: -24px 110px;
  float: left;
  width: 88px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #fff;
}
/*微信标志*/
.loginContent .loginRight .wechatLogo {
  padding-top: 30px;
  box-sizing: border-box;
}
.loginContent .loginRight .wechatLogo img {
  display: block;
  margin: 0 auto;
}
